<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    /* css 的内嵌式写法 */
    body {
      color: red;
    }
  </style>
</head>
<body>
  <!-- 完全不会被使用：行内式 -->
  <a href="javascript:console.log(111+222)">xxx</a>
</body>
</html>

<!-- 书写 JS 代码的方法二：外链式 -->
<script src="./test.js"></script>

<!-- 书写 JS 代码的方法一：内嵌式 -->
<!-- JS 在 script 中书写 -->
<script>
/* 如何写JS，输出结果的三种方法
  1. chrome 的「控制台」，每次可以写一行代码
  2. alert(1 + 1 + 33) // 以弹框的形式，显示 输出的结果
  3. console.log(11 + 33) // 在控制台 直接 输出结果
*/

// 注释：
/* 
作用： 但凡被注释掉的代码，都不会被 执行。
操作方法：
1. Ctrl + `/`   ->  注释单行代码
2. Shift + Alt + A   ->  注释多行代码
*/

// 注： `xxx()`  即表示 函数的执行。

/* 
注释 多行代码:
快捷键：Shift + Alt + A


alert(123)
console.log(789) 
中间包含的代码，都会被注释掉

*/
</script>